<template>
	<view class="work-statistics">
		<view class="row">
			<view class="left">平均工时</view>
			<view class="right">{{ info.a }}小时</view>
		</view>
		<view class="row">
			<view class="left">实际出勤天数</view>
			<view class="right">{{ info.b }}天</view>
		</view>
		<view class="row">
			<view class="left">应出勤天数</view>
			<view class="right">{{ info.c }}天</view>
		</view>
		<view class="row">
			<view class="left">休息天数</view>
			<view class="right">{{ info.d }}天</view>
		</view>
		<view class="row">
			<view class="left">迟到次数</view>
			<view class="right">{{ info.e }}次</view>
		</view>
		<view class="row">
			<view class="left">早退次数</view>
			<view class="right">{{ info.f }}次</view>
		</view>
		<view class="row">
			<view class="left">缺卡次数</view>
			<view class="right">{{ info.g }}次</view>
		</view>
		<view class="row">
			<view class="left">旷工次数</view>
			<view class="right">{{ info.h }}次</view>
		</view>
		<view class="row">
			<view class="left">出差天数</view>
			<view class="right">{{ info.i }}天</view>
		</view>
		<view class="row">
			<view class="left">请假总天数</view>
			<view class="right">{{ info.j }}天</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'WorkStatistics',
		props: {
			info: Object
		}
	}
</script>

<style lang="scss" scoped>
	.work-statistics {
		padding: 20px 50rpx;
		
		background-color: #FFFFFF;
		.row {
			display: flex;
			justify-content: space-between;
			align-items: center;
			
			height: 50px;
			border-bottom: 1px solid #F8F8F8;
			margin-bottom: 10px;
			
			font-size: 14px;
			
			box-sizing: border-box;
			.left {
				padding-bottom: 10px;
				
				color: $uni-text-color;
			}
			.right {
				padding-bottom: 10px;
				color: #999999;
			}
		}
	}
</style>
